div,body{
  margin 0
  padding 0
}

.vp{
  width 100%
  height 100%
  height 100vh
  min-height 24em
  margin 0
  text-align center
  // 背景图
  background-image:url(../img/pic2-colless.jpg);
  background-size:contain;
  background-repeat:no-repeat;
  background-position:center;
  svg{ 	
    max-width 100%
    max-height 100%
  }
}
      

// 以下为svg的样式
.title,.title-sd{
  fill #fff
  font-size 112px
  font-weight 900
  stroke-width 3px
  font-family 'Microsoft YaHei',Arial,Helvetica,sans-serif
  .smaller,.comma{
    // 比较小的字 -- smaller
    // 顿号 -- comma
    font-size 65px
  }
  .comma{
    fill:#66D326
  }
  .orSmaller,.fuzhiSmaller{
    // or -- 还是
    // orSmaller -- 还是 中比较小的字
    // fuzhi -- “普通”日语罗马音
    // fuzhiSmaller -- “普通” 中 比较小的字
    font-size 90px
  }
  .fuzhiWen{
    //问号
    font-size 70px
  }
}
/* 文字阴影层 */
.title-sd{
  .kin{
    //日语发音 kin 金 gin 银 fuzhi 普通
    text-shadow 0 0 10px #66D326
  }
  .gin{
    text-shadow 0  0 10px #CD003A
  }
  .fuzhi,.fuzhiSmaller,.fuzhiWen{
    text-shadow 0 0 10px #009DFE
  }
  .or,.orSmaller{
    text-shadow 0 0 10px #F68B21
  }
  .fuzhi,fuzhiSmaller,.fuzhiWen{
    text-shadow 0 0 10px #009DFE
  }
}

// 左上角文字
.author{
  font-size 30px
  .topLeft{
    // boy meet girl and girl an girl
    font-size 50px
    font-weight 700
  }
}
.vol{
  font-size 40px
  font-weight 700
}
.number{
  font-size 200px
  font-weight 700
}
.ill{
  font-size 100px
  font-weight 700
  .illSmaller,.illSp{
    font-size 40px
  }
  .iller{
    font-size 50.8px
  }
}
